<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" href="layui/css/layui.css">
<script src="layui/layui.js">
</script>
<script src="src/layuiadmin/js/jquery-1.8.2.js"></script>
</head>
<body>


<form class="layui-form">

<div class="layui-form-item">
			<label class="layui-form-label">新的分类</label>
			<div class="layui-input-block">
				<input type="text" name="name" placeholder="请输入" autocomplete="off"
					class="layui-input">
			</div>
		</div>
	<div class="layui-form-item">
			<div class="layui-input-block">
				<button class="layui-btn" lay-submit lay-filter="*">立即提交</button>
				<button type="reset" class="layui-btn layui-btn-primary">重置</button>
			</div>
		</div>


</form>
	<script>
	layui.use('form', function() {
		var form = layui.form;

		
	form.on('submit(*)', function(data) {
		console.log(data.elem) //被执行事件的元素DOM对象，一般为button对象
		console.log(data.form) //被执行提交的form对象，一般在存在form标签时才会返回
		console.log(data.field) //当前容器的全部表单字段，名值对形式：{name: value}
		//alert("hi");
		//data.field.tupian = $("#tupian").attr("src");
		$.ajax({
			url : "fenleiServlet",//地址
			type : "get",//请求方式
			data : data.field//参数
			,
			success : function(res) {//成功以后的回调函数

				if (res == 1) {
					alert("添加成功");
				} else {
					alert("添加失败");
				}
			}

		});
		
		return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
	});

});
	
	
</script>
</body>
</html>